@charset "utf-8";
/*
1.这里只包含布局 2.基于最新主流浏览器 3.此布局使用了针对ie6和ie7的hack。
4.此布局去除了浏览器的窗口滚动。
模块列表：
header
nav
contentList
content
sider
footer
copyRight
tips
linghtWindow
tab
*/

/*************常用的公共类***************/
a.close{
	display:block;
	width:0;
	padding-left:10px;
	height:10px;
	overflow:hidden;
}

a.icon{
	display:block;
	width:0;
	overflow:hidden;
	padding-left:20px;
	height:20px;
}

.ifmHidden{
	visibility:hidden;
	position:absolute;
	z-index:1;
}

.msie6 .ifmHidden * ,.msie7 .ifmHidden *{
	border:none;
}

.ifmShow{
	position:absolute;
	z-index:10;
}

/*********公共下拉菜单*********/
.dMenu{zoom:1; float:left;}
.dMenu li a:link ,.dMenu li a:visited ,.dMenu li a:hover{
	text-decoration:none;
	display:block;
	padding:2px 10px;
	
}
/*********公共dlTAB*********/
.dltab{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

.dltab .tab{
	float:left;
	padding:5px;
	cursor:pointer;
}

.dltab .con{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}

/*有图标的搜索框*/

.searchF{
	position:relative;
}

.searchF i{
	position:absolute;
	right:20px;
	top:7px;
	display:block;
	height:15px;
}

/***** 以下布局 按一般排版命名方式 *****/
html.ifm ,.ifm body ,.ifm .body{
	height:100%;
	_overflow-x:hidden;
	overflow-y:hidden;
}

html.ifm {
	*padding-top:80px;
}

.body{
	min-width:650px;
}

.ifm .header {
	*margin-top:-80px;
	height:80px;
	position:absolute;
	*position:relative;
	top:0;
	*top:0px;
	left:0;
	right:0;
	width:100%;
	min-width:840px;
}
.ifm .sider {
	position:absolute;
	*position:relative;
	left:0px;
	top:80px;
	*top:0;
	bottom:0px;
	width:188px;
	*height:100%;
	*float:left;
	-moz-user-select: -moz-none;
}
.ifm .content {
	position:absolute;
	*position:relative;
	left:190px;
	*left:0px;
	top:80px;
	*top:0;
	bottom:0px;
	right:0px;
	*height:100%;
}

.content iframe ,.content .conbox{
	width:100%;
	height:100%;
}

/*************header内容部分***************/
.header .logo{
	width:100px;
	height:35px;
	float:left;
	margin:14px 0 0 40px;
	_margin-left:20px;
}

.header .logo span{
	display:none;
}

.header .funs{
	padding:10px 0 0 190px;
}

.header .funs li{
	float:left;
	cursor:pointer;
}

.userName ,.changeSkin{
	*position:relative;
	*top:-6px;
}

.header .funs li a{
	padding:0 8px;
}

.otherNames{
	position:absolute;
	left:188px;
	top:30px;
	z-index:10;
}

.otherNames li{
	display:block;
	clear:both;
	position:relative;
	z-index:0;
}

.header .funs .setting{
	margin-left:50px;
	height:18px;
	width:33px;
	padding:3px 0 0 7px;
	font-weight:bold;
	position:relative;
	top:-3px;
}

.header .funs .logout{
	margin-left:10px;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

.header .funs .changeVer{
	border-right:1px solid #333;
}

.header .funs .changeSkin{
	
}
.header .funs .search{
	position:absolute;
	right:50px;
	top:5px;
}

.header .funs .search input{
	height:18px;
	line-height:18px;
}

.header .funs .search .searchButton{
	background-color:transparent;
	border:none;
	height:20px;
	width:31px;
	position:relative;
	left:-4px;
	top:1px;
	*top:0px;
	*left:0;
}

.header .funs .search .searchButton span{
	visibility:hidden;
}

.header .funs .help{
	position:absolute;
	right:10px;
	top:10px;
}
/*************content内容部分***************/



/*************sider内容部分***************/
.sider .coreFuns{
	height:100px;
	width:190px;
	position:absolute;
	top:-20px;
	padding-top:20px;
}

.sider .coreFuns li{
	height:30px;
	padding-left:20px;
}

.sider .coreFuns li a{
	font-weight:bold;
	font-size:14px;
	position:relative;
	left:10px;
}
/**siderScroll**/
.sider .siderScroll{
	position:absolute;
	top:95px;
	bottom:27px;
	right:0;
	width:190px;
	overflow-y:auto;
}

.sider .siderScroll li{
	vertical-align:middle;
	height:23px;
	position:relative;
}

.siderScroll a{
	margin-left:3px;
}

.sider .siderScroll dd{
	padding-left:20px;
}

/*mailFuns*/
.sider .mailFuns{
	padding-top:10px;
}

.sider .mailFuns b.mailFunsLine{
	display:block;
	height:6px;
	width:188px;
}

.sider .mailFuns li {
	padding-left:20px;
}

.msie6 .sider .mailFuns li a{
	left:0px;
}


/*myFile*/

.sider .siderScroll .right{
	position:absolute;
	right:10px;
	top:3px;
	display:inline-block;
	height:15px;
	*height:0px;
}

.sider .myFile dt{
	height:21px;
	padding-left:10px;
	padding-top:3px;
	position:relative;
}

.sider .myFile dt i{
	cursor:pointer;
}

.sider .myFile dd li{
	padding-left:10px;
}

.sider .feition{
	position:absolute;
	bottom:0;
	height:27px;
	width:170px;
	padding-left:18px;
}

.sider .feition span{
	font-weight:bold;
	letter-spacing:1px;
	display:inline-block;
	padding-top:8px;
}

.sider .feition a, .feition a:link,.feition a:visited{
	position:absolute;
	right:10px;
	top:7px;
	text-decoration:underline;
}

/********* myApp **************/
.sider .myApp{
	padding-top:10px;
}

.sider .myApp dt{
	height:23px;
	padding-left:5px;
	position:relative;
}

.sider .myApp dt a{
	position:absolute;
	left:130px;
	text-decoration:underline;
}

.sider .myApp dt span{
	float:left;
	padding:3px 0 0 5px;
	font-weight:bold;
}

.sider .myApp dd{
	height:23px;
}

/*************nav内容部分***************/
.nav{
	position:absolute;
	top:50px;
	left:190px;
	right:0px;
	-moz-user-select: -moz-none;
	min-width:600px;
}

.nav ul{
	height:25px;
	overflow:hidden;
}

.nav ul li{
	float:left;
	cursor:pointer;
	min-width:100px;
	*width:100px;
	height:25px;
	overflow:hidden;
	position:relative;
}

.nav ul .last{
	width:24px;
	min-width:24px;
}

.nav ul a.closeAll{
	padding-left:24px;
	height:25px;
	left:0;
	right:0;
	top:2px;
}

li.last b ,li.last span{
	display:none;
}

.nav ul li a{
	position:absolute;
	right:5px;
	top:3px;
}

.nav span{
	height:18px;
	_width:85px;
	padding:7px 0 0 5px;
	position:absolute;
	left:5px;
	right:5px;
}

.nav i{
	*float:left;
	position:relative;
	*top:-3px;
}

.nav b{
	padding-left:5px;
	padding-top:25px;
}

.nav b.navLeft{
	float:left;
}

.nav b.navRight{
	position:absolute;
	right:0;
	top:0;
}

/*************skins内容部分***************/
.skins{
	position:absolute;
	top:30px;
	left:400px;
	width:440px;
	height:200px;
	padding:10px 0 0 0;
	z-index:10;
}

.skins ul{
	padding-left:20px;
}

.skins li{
	float:left;
	width:70px;
	height:80px;
	margin:10px 10px 0 0;
	padding-top:10px;
	text-align:center;
}

.skins li i{
	display:inline-block;
	padding:0;
	width:50px;
	height:50px;
}

.skins li p{
	margin-top:2px;
}

.skins .close{
	position:absolute;
	top:5px;
	right:5px;
}

/*************内页收件箱部分***************/
.toolsBar{
	height:35px;
	position:relative;
	z-index:10;
	-moz-user-select: -moz-none;
}

.toolsBar .pagesview{
	float:right;
	position:relative;
	top:5px;
	right:10px;
}

.tools {
	padding:2px 0 0 10px;
}

.tools li{
	float:left;
	position:relative;
}

.tools li ul{
	position:absolute;
	top:30px;
	left:0;
}

.tools li ul li{
	float:none;
}

.tools li a{
	display:inline-block;
	position:relative;
	height:23px;
	*height:25px;
	padding:8px 5px 0 5px;
	*padding:5px 5px 0 5px;
	white-space:nowrap;/****兼容cm*****/
}

.tools .dMenu li a {
	height:14px;
}

.tools li a span{
	position:relative;
	top:-2px;
}

.tools li a:link ,.tools li a:visited{
	text-decoration:none;
}

.tools li a b{
	visibility:hidden;
}

.tools li a:hover b{
	visibility:visible;
}

.tools li a b{
	padding-left:5px;
	padding-top:30px;
}

.tools li .left{
	position:absolute;
	left:-5px;
	top:0;
}

.tools li .right{
	position:absolute;
	right:-5px;
	top:0;
}

.pCard{
	position:absolute;
	z-index:10;
	left:200px;
	top:200px;
	min-width:220px;
	*width:220px;
	font-size:12px;
}

.pCard tbody td{
	padding:0 15px;
	height:24px;
	position:relative;
}

.pCard tfoot td{
	text-align:center;
	height:24px;
}

.pCard .eidt{
	float:right;
	*position:absolute;
	*right:15px;
	*top:5px;
}

/****************邮件列表*******************/
.mails{
	*width:100%;
}
.mails table{
	width:100%;
	table-layout:fixed;
	
}

.mails th{
	height:20px;
	text-align:left;
	text-indent:5px;
	overflow:hidden;
	white-space:nowrap;
}
.mails td{
	height:24px;
	text-indent:5px;
	overflow:hidden;
	white-space:nowrap;
}

.mails i ,.mailslist i ,.timeLine i{
	cursor:pointer;
}

.mails a:link ,.mails a:hover ,.mails a:visited{
	text-decoration:none;
}

.mailslist{
	width:100%;
	overflow-y:scroll;
}

.mailslist table{
	width:100%;
	*width:96%;
	table-layout:fixed;
}

.mailslist table td{
	height:24px;
	text-indent:5px;
	overflow:hidden;
	white-space:nowrap;
}

.mailslist a:link ,.mailslist a:hover,.mailslist a:visited{
	text-decoration:none;
}


/********************将mailList放在ifmMail的布局**********************/
html.ifmMail ,.ifmMail body ,.ifm .ifmMail{
	height:100%;
	overflow:hidden;
}

html.ifmMail {
	*padding-top:55px;
}

.ifmMail .toolsBar{
	*margin-top:-55px;
	position:absolute;
	*position:relative;
	top:0;
	*top:0px;
	left:0;
	right:0;
	width:100%;
	z-index:10;
}

.ifmMail .mails{
	*margin-top:0px;
	position:absolute;
	*position:relative;
	top:35px;
	*top:0px;
	left:0;
	right:0;
	width:100%;
}

.ifmMail .mailslist{
	position:absolute;
	*position:relative;
	left:0px;
	*left:0px;
	top:55px;
	*top:0;
	bottom:0px;
	right:0px;
	*height:100%;
}

/****************工具条+内容+右边sider自适应布局******************/
html.tcr ,.tcr body ,.tcr .body{
	height:100%;
	overflow:hidden;
}

html.tcr {
	*padding-top:35px;
}

.tcr .toolsBar{
	*margin-top:-35px;
	position:absolute;
	*position:relative;
	top:0;
	*top:0px;
	left:0;
	right:0;
	width:100%;
	z-index:10;
}
.tcr .writerC {
	position:absolute;
	*position:relative;
	left:0px;
	top:35px;
	*top:0;
	bottom:0px;
	right:188px;
	*right:0px;
	*height:100%;
}
.tcr .writerS {
	position:absolute;
	*position:relative;
	right:0px;
	*right:2px;
	top:35px;
	*top:0;
	bottom:0px;
	width:188px;
	*height:100%;
	*float:right;
	z-index:10;
	-moz-user-select: -moz-none;
}

/*******右边通讯录+标签页*******/

.tab {
	width:100%;
	table-layout:fixed;
}

.tab th{
	height:30px;
	line-height:22px;
	cursor:pointer;
	font-weight:200;
}

.tab th.onSelect{
	font-weight:bold;
}

.tab .searchF{
	width:160px;
	height:25px;
	position:relative;
	left:10px;
	top:5px;
}

.tab .searchF input{
	width:160px;
}

.tab .searchF i{
	right:0;
	top:-3px;
}

.address {
	padding-top:10px;

}

.address dt{
	padding-left:10px;
	font-weight:bold;
	height:20px;
}

.tab .address dd{
	padding-left:20px;
	padding-right:20px;
}

.address a{
	display:block;
	padding-left:10px;
}

.address i{
	position:relative;
	top:3px;
}

/********写信页布局*********/

.aTable{
	height:100%;
	width:100%;
	table-layout:fixed;
}

.aTable td{
	position:relative;
}

.aTable th{
	text-align:right;
	font-weight:200;
}

.aTable a{
	padding-right:5px;
}

.layHa td{
	height:40px;
}

.layHa td span{
	position:absolute;
	right:35px;
	*right:10px;
	top:12px;
}

.layHb td{
	height:20px;
	vertical-align:top;
}

.layHb td textarea ,.layHc td input ,.rte textarea{
	width:99%;
	padding:0;
	border:1px solid #B1B1B1;
}
.rte iframe{
	height:100%;
	width:99%;
	border:1px solid #B1B1B1;
}

.layHc td ,.layHc th{
	height:30px;
	*vertical-align:top;
}

.layHd td div span{
	position:absolute;
	right:30px;
}

.layHe td{
	height:20px;
}

.layHf td{
	height:20px;
}

.layHf td label{
	padding-right:10px;
}

.layauto td ,.layauto th{
	*height:50%;
	vertical-align:top;
}

/***************通讯录布局****************/
.contact .gridC ,.writer .writerC{
	position:absolute;
	*position:relative;
	left:0px;
	top:0px;
	bottom:0px;
	right:188px;
	*height:100%;
}


.contact .gridS ,.writer .writerS{
	position:absolute;
	*position:relative;
	right:0px;
	*right:2px;
	top:0px;
	bottom:0px;
	width:188px;
	*height:100%;
	*float:right;
	z-index:10;
	-moz-user-select: -moz-none;
}

.gridS .searchF{
	padding:10px;
}

.gridS .searchF input {
	width:160px;
}

.contact .contactB{
	padding:5px 0 0 10px;
	height:25px;
}

.contact .contactB h2{
	display:inline;
	font-size:14px;
	padding-right:10px;
}

.contactI{
	padding-top:5px;
	height:18px;
	position:relative;
}

.contactI span{
	position:absolute;
	right:0;
}

.contactI a{
	padding:2px 5px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	/*text-transform:uppercase;*/
}

.ifm .sider .siderScroll{
	_zoom:expression(function(y){
	var sBody = document.getElementById('siderScroll');
	var s = document.getElementById('sider');
	if(s && sBody){
		sBody.style.height = document.body.clientHeight - 123 + 'px';
		s.onresize = function(){
			sBody.style.height = document.body.clientHeight - 123 + 'px';
		}
	}

	y.style.zoom='1';
}(this))
}

/**************/


.mailslist table{
	_zoom:expression(function(a){
	var t = document.getElementById('autoTable');
	var m = document.getElementById('mails');
	if(t && m){
		var tm =  m.clientWidth - 18
		t.style.cssText = 'width:' + tm + 'px' ;
		
		m.onresize = function(){
			t.style.width = m.clientWidth - 18 + 'px' ;
		}
	}
	a.style.zoom='1';
}(this))
}



/**************/
